<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<div class="row margin-left-10">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="widget flat margin-top-0" style="margin: -10px 0 0px 0!important;">
            <div class="widget-header bordered-sky theme-bordered nopadding">
                <div class="widget-buttons widget-label nomargin-bottom">
                    <label class="businessBtns">
                        <ol class="breadcrumb" style="margin: 0;">
                            <li style="color: #809fa6;">基础设置</li>
                            <li class="active" style="color: #23a8f5;">课程设置</li>
                        </ol>
                    </label>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ">
        <div class="widget flat searchCriteria " style="margin: 3px 0 0px 0!important;padding-bottom: 10px">
            <div class="widget-header bordered-sky theme-bordered nopadding">
                <div class="widget-buttons widget-label nomargin-bottom">
                    <label class="businessBtns">
                        <a type="btn" class="btn basicInfoBtn" href="javascript:toView('tssCourseController/tssCourseList.do?type=1',true,'POST',{pageSize:10})"
                           style="border: none;border-top-left-radius: 4px!important;border-bottom-left-radius: 4px!important;width: 140px;color: #4a647d;margin-right: 0!important;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
                            亲子课程设置
                        </a><a type="btn" class="btn ancedInfoBtn" href="javascript:toView('tssCourseController/tssCourseList.do?type=2',true,'POST',{pageSize:10})"
                               style="background-color: #23a8f5;border: none;border-top-right-radius: 4px!important;border-bottom-right-radius: 4px!important;width: 140px;color: #fff;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
                        过渡课程设置
                    </a>
                        <input type="hidden" value="" name="memberType"/>
                    </label>

                    <label class="pull-right businessBtns">
                        <label class="margin-right-10">
                            <a class="btn btn-warning shiny " style="border-radius: 0px;border: none;background: #ffab00 !important;"  courseType="2"  targetDateId="" onclick="showDialogAddCourse(this)" serializeNum="${serializeNum}" ><i
                                    class="fa fa-plus"></i>新增过渡课程
                            </a>
                        </label>
                        <label class="margin-right-10">
                            <a style="border-radius: 0px;border: none;background: #23a8f5 !important;"
                               class="btn btn-blue shiny download" onclick="exportData('${searchFormId}','MemberInformation.xlsx')"><i class="fa fa-share"></i>导出
                            </a>
                        </label>
                        <label class="margin-right-10">
                            <a style="border-radius: 0px;border: none;background: #ffab00 !important;"
                               class="btn btn-warning shiny search "><i class="fa fa-search"></i>搜索
                            </a>
                        </label>
                        <label onclick="iconsChange()" style="margin-right: 6px">
                            <label>
                                <a class="iconsChangeA" style="width: 13px;height: 13px;cursor: pointer;background: url('assets/img/nav-img/icon_hidden.png');display: block;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;" value="1"></a>
                            </label>
                            <label style="color: #23a8f5 ;vertical-align: middle;padding-top:4px;">
                                <span class="iconsChangeSpan" style="-webkit-user-select:none; cursor: pointer;-moz-user-select:none; -ms-user-select:none;user-select:none;">隐藏搜索栏</span>
                            </label>
                        </label>
                    </label>
                </div>
            </div>
        </div>
        <div class="search_Bar" style="vertical-align: middle;clear: both;">
            <form id="${searchFormId}" action="${actionUrl}" class="searchConditions" method="POST">
                <input type="hidden" value="2" name="type">
                <div class="row searchInput" style="margin: 0;">
                    <label class="iconchange1 hidden" style="position: absolute;right: 10px;top: 50px;" >
                        <a class="search_Bar_A" id="iconchangemore" style="color: #2a6496;cursor: pointer;" onclick="iconchangeShow(this)" value="1">筛选更多<i class="fa fa-chevron-down" style="padding-left: 5px"></i></a>
                    </label>
                    <label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
                        <label style="width: 78px">课程名称：</label>
                        <label>
                            <input type="text" name="idEntity.name" value="${search_map.idEntity.name[0]}" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
                            ${search_map.idEntity.name[0]}
                            ${search_map.name[0]}
                        </label>
                    </label>
                    <label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
                        <label style="width: 78px">课程状态：</label>
                        <label>
                            <select class="form-select-1"
                                    style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;padding-left: 10px!important;padding-right: 0px!important;"
                                    name="isBlockUp">
                                <option value="">请选择</option>
                                <option value="true">已启用</option>
                                <option value="false">已停用</option>
                            </select>
                        </label>
                    </label>
                </div>
            </form>
        </div>
        <div class="widget flat radius-bordered" style="margin-top: 0;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
            <div class="widget-body no-padding">
                <div class="topPagingBar hidden">
                    ${pagingBar}
                </div>
                <div class="table-scrollable" style="border: none;" id="tableScrollable">
                    <!-- 数据表列信息列表 -->
                    <table class="table table-hover dataTable newtable">
                        <thead>
                        <tr>
                            <th title="选择" class="checkboxColumnTh">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" class="chkAll" onclick="chkAll()">
                                        <span class="text"></span>
                                    </label>
                                </div>
                            </th>
                            <th title="属性名">序号</th>
                            <th>操作项</th>
                            <th title="课程体系Id">课程体系</th>
                            <th title="课程名称">课程名称</th>
                            <th title="状态">课程状态</th>
                            <th title="操作人">操作人</th>
                            <th title="操作日期">操作日期</th>
                        </tr>
                        </thead>
                        <tbody>
                        <#if page_bean.list?size==0>
                            <tr>
                                <td align="center">无数据</td>
                            </tr>
                        </#if>
                        <#list page_bean.list as data>
                            <tr>
                                <td class="checkboxColumnTd">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="chk" name="id" value="${data.id}">
                                            <span class="text"></span>
                                        </label>
                                    </div>
                                </td>

                                <td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>

                                <td align="center">
                                    <#if data.isBlockUp==true>
                                        <a class=" icon-only" href="javascript:void(0);" style="color: #2679B8"
                                           onclick="updateCourseIsBlockUp(this)" title="停用" targetDateId="${data.id}"
                                           isBlockUp="false">停用</a>
                                        <a style="color: #2679B8" class=" margin-right-10" href="javascript:void(0);"
                                           serializeNum="${serializeNum}"  targetDateId="${data.id}" courseType="2" onclick="showDialogAddCourse(this)"
                                           title="修改">修改</a>
                                    </#if>
                                    <#if  data.isBlockUp==false>
                                        <a class=" icon-only" href="javascript:void(0);" style="color: #2679B8"
                                           onclick="updateCourseIsBlockUp(this)" title="启用" targetDateId="${data.id}"
                                           isBlockUp="true">恢复使用</a>
                                    </#if>
                                </td>
                                <td>${(data.pidEntity.name???string(data.pidEntity.name?html,""))!''}</td>
                                <td>${(data.idEntity.name???string(data.idEntity.name?html,""))!''}</td>
                                <td>${data.isBlockUp?string("已启用","已停用")}</td>
                                <td>${(data.employee.name???string(data.employee.name?html,""))!''}</td>
                                <td>${(data.updateTime???string(data.updateTime?html,""))!''}</td>

                            </tr>
                        </#list>
                        </tbody>
                    </table>
                </div>
                ${pagingBar}
            </div>
        </div>
    </div>
</div>
</div>
<script>
    $(".selectpicker").select2();

    /**
     * 创建过渡课程
     * @param that
     */
    function showDialogAddCourse(that) {
        var courseType = $(that).attr("courseType");
        var serializeNum = $(that).attr("serializeNum");
        var targetDateId= $(that).attr("targetDateId");
        ajaxRequest("tssCourseController/toEditView.do", {
            serializeNum: serializeNum,
            courseType: courseType,
            targetDateId: targetDateId
        }, function (html) {
            getTopWin().bootbox.dialog({
                message: html,
                className:"myDialog tssCourseEdit"
            });
            $(".modal-header").find(".bootbox-close-button").removeClass("close");
            $(".modal-header").find(".bootbox-close-button").html("");
            $(".modal-body>button").hide()
        }, function () {
            ajaxError("加载页面失败!")
        }, "get", "html")


    }

    /**
     * 对课程是否停用操作
     * @param that
     */
    function updateCourseIsBlockUp(that) {
        var targetDateId = $(that).attr("targetDateId");
        var isBlockUp = $(that).attr("isBlockUp");
        ajaxRequest("tssCourseController/updateCourseByIsBlockUp.do", {
            targetDateId: targetDateId,
            isBlockUp: isBlockUp
        }, function (result) {
            if (result.resCode == 200) {
                logger.info(result.resMsg, true);
                toView('tssCourseController/tssCourseList.do?type=2',true,'POST',{pageSize:10})
            } else {
                logger.error(result.resMsg);
            }
        }, function () {
            ajaxError("加载页面失败!")
        }, "post", "json")
    }
    //    隐藏显示搜索
    function iconsChange() {
        if($(".iconsChangeA").val()==1){
            $(".iconsChangeA").val("0");
            $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_hidden.png')");
            $(".iconsChangeSpan").html("隐藏搜索栏");
            $(".search_Bar").removeClass("hidden");
        }else{
            $(".iconsChangeA").val("1");
            $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_show.png')");
            $(".iconsChangeSpan").html("显示搜索栏");
            $(".search_Bar").addClass("hidden");
        }
    }

    //    筛选下拉框
    setTimeout(function () {
        var size = $(".search_Bar_item").size();
        if (size > 8) {
            $(".iconchange1").removeClass("hidden");
            $(".search_Bar_item").each(function () {
                var index = $(this).index();
                if (index <= 8) {
                    $(this).removeClass("hidden")
                }

            })
        } else {
            $(".iconchange1").addClass("hidden");
            $(".search_Bar_item").each(function () {
                $(this).removeClass("hidden")
            })
        }

    }, 10)

    function iconchangeShow(that) {

        if($(that).attr("value")==1){
            $(that).attr("value","0");
            $(".iconchange1 .fa").removeClass("fa-chevron-down").addClass("fa-chevron-up");
            $(".search_Bar_item").each(function () {
                $(this).removeClass("hidden")
            })
        }else{
            $(that).attr("value","1");
            $(".iconchange1 .fa").removeClass("fa-chevron-up").addClass("fa-chevron-down");
            $(".search_Bar_item").each(function () {
                var index = $(this).index();
                if (index <= 8) {
                    $(this).removeClass("hidden")
                }else{
                    $(this).addClass("hidden")
                }

            })
        }

    }

</script>